<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!-- 相关人信息模版,用来在foreach循环下显示 -->
<div style="border:1px solid gray;padding:10px;margin:10px">
	<input type="hidden" id="relevantAdd_articleId_${pageScope.vs.index }" name="relevantAdd_articleId">
	<!-- 相关人id -->
	<input type="hidden" name="corrCustomerId" id="corrCustomerId_${pageScope.vs.index }"  value="${pageScope.t.id }" >
	<div class="hstyle">
		<span class="mingcheng">&nbsp;&nbsp;&nbsp;&nbsp;姓名</span> <span class="neirong2">
			<input type="text" class="input-text radius neirong" value="${pageScope.t.name }" name="name" />
		</span> 
		<span class="mingcheng">外文名称</span> 
		<span class="neirong2"> 
		<input type="text" class="input-text radius neirong" value="${pageScope.t.alias }" name="alias" /> <span></span>
		</span> <span style="float: right;"> <a href="javascript:void(0)"
			onclick="delRelevant(this)"> <i class="icon-fullscreen"></i>
		</a>
		</span>
	</div>
	<div class="hstyle">
		<span class="mingcheng">固定电话</span> <span class="neirong2"> 
		<input type="text" class="input-text radius neirong" name="tel" value="${pageScope.t.tel }" /> <span
			style="color:red;"></span>
		</span> 
		<span class="mingcheng">&nbsp;&nbsp;手机号</span> <span class="neirong2"> 
			<input class="input-text radius neirong" type="text" value="${pageScope.t.telMobile }" name="telMobile" /> <span
				style="color:red;"></span>
		</span> 
		<span class="mingcheng">&nbsp;&nbsp;微信号</span> <span class="neirong2"> 
			<input class="input-text radius neirong" type="text" value="${pageScope.t.weixin }" name="weixin" /> <span
				style="color:red;"></span>
		</span>
	</div>

	<div class="hstyle">
		<span class="mingcheng">&nbsp;&nbsp;QQ号</span> 
		<span class="neirong2"> 
			<input class="input-text radius neirong" type="text" value="${pageScope.t.qq }" name="qq" /> <span></span>
		</span>
		<span class="mingcheng">&nbsp;&nbsp;&nbsp;&nbsp;邮箱</span> <span class="neirong2">
			<input class="input-text radius neirong" type="text" value="${pageScope.t.email }" name="email" />
			<span></span>
		</span>
	</div>
	<div class="hstyle">
		<span class="mingcheng">职务</span> <span class="neirong2"> <input value="${pageScope.t.duty }"
			class="input-text radius neirong" type="text" name="duty" /> <span
			style="color:red;"></span>
		</span> 
		<span class="mingcheng">关系程度</span> 
		<span class="neirong2"> <input value="${pageScope.t.relevancyDegree }"
			class="input-text radius neirong" type="text" name="relevancyDegree" />
			<span style="color:red;"></span>
		</span> 
		<span class="mingcheng">角色定位</span> 
		<span class="neirong2"> <input value="${pageScope.t.roleDefinition }"
			class="input-text radius neirong" type="text" name="roleDefinition" />
			<span style="color:red;"></span>
		</span>
	</div>

	<div class="hstyle">
		<span class="mingcheng">角色内容</span> 
		<span> <input value="${pageScope.t.roleInfo }"
			class="input-text radius neirong" type="text" name="roleInfo" /> <span></span>
		</span>
	</div>
	<div class="hstyle">
		<span class="mingcheng">&nbsp;&nbsp;身份证</span> 
		<span> <input value="${pageScope.t.idCard }"
			class="input-text radius neirong" type="text" name="idCard" /> <span></span>
		</span>
		<!-- 附件上传 身份证。。。-->
		<!-- 上传按钮 -->
		<span><div id='filePicker_xgsfz_${pageScope.vs.index }' style="display: none;">上传</div></span>
		<!-- 缩略图容器 -->
		<div id='list_xgsfz_${pageScope.vs.index }' style="padding-left: 40px;"></div>
	</div>
	<div class="hstyle">
		<span class="mingcheng">&nbsp;&nbsp;护照</span> 
		<span> <input value="${pageScope.t.passport }"
			class="input-text radius neirong" type="text" name="passport" /> <span></span>
		</span>
		<!-- 附件上传 护照。。。-->
		<!-- 上传按钮 -->
		<div id='filePicker_xghz_${pageScope.vs.index }' style="display: none;">上传</div>
		<!-- 缩略图容器 -->
		<div id='list_xghz_${pageScope.vs.index }' style="padding-left: 40px;"></div>
	</div>
	<div id="tab_demo" class="HuiTab" style="height: 100px">
		<div class="tabBar clearfix">
			<span>性情分析</span><span>交往记录</span><span>关注事项</span>
		</div>
		<div class="tabCon">性情分析</div>
		<div class="tabCon">交往记录</div>
		<div class="tabCon">关注事项</div>
	</div>
	<script type="text/javascript">
		$(function(){
			//动态添加相关人，上传插件也要随着添加的时候写入
			initWebUpload("filePicker_xgsfz_${pageScope.vs.index }", "list_xgsfz_${pageScope.vs.index }", "相关人身份证", "relevantAdd_articleId_${pageScope.vs.index }", cusstomerInfoSuccess, cusstomerInfoErr);
			initWebUpload("filePicker_xghz_${pageScope.vs.index }", "list_xghz_${pageScope.vs.index }", "相关人护照", "relevantAdd_articleId_${pageScope.vs.index }", cusstomerInfoSuccess, cusstomerInfoErr);
			//写入附件信息
			getFileListByFlag($("#corrCustomerId_${pageScope.vs.index }").val(),"相关人身份证",1,"#list_xgsfz_${pageScope.vs.index }",setRFL,imgPlus);
			getFileListByFlag($("#corrCustomerId_${pageScope.vs.index }").val(),"相关人护照",1,"#list_xghz_${pageScope.vs.index }",setRFL,imgPlus);
		});
	</script>
</div>